import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgEye = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props} isCommon>
            <Path d="M24.5004 37.6406C15.4004 37.6406 7.90039 29.5406 5.20039 26.0406C4.30039 24.9406 4.30039 23.3406 5.20039 22.2406C7.90039 18.7406 15.4004 10.6406 24.5004 10.6406C33.6004 10.6406 41.1004 18.7406 43.8004 22.2406C44.7004 23.3406 44.7004 24.9406 43.8004 26.0406C41.1004 29.5406 33.6004 37.6406 24.5004 37.6406ZM24.5004 13.6406C16.5004 13.6406 9.50038 21.6406 7.50038 24.1406C9.50038 26.6406 16.5004 34.6406 24.5004 34.6406C32.5004 34.6406 39.5004 26.6406 41.5004 24.1406C39.5004 21.6406 32.5004 13.6406 24.5004 13.6406Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M24.5005 30.6406C20.9005 30.6406 18.0005 27.7406 18.0005 24.1406C18.0005 20.5406 20.9005 17.6406 24.5005 17.6406C28.1005 17.6406 31.0005 20.5406 31.0005 24.1406C31.0005 27.7406 28.1005 30.6406 24.5005 30.6406ZM24.5005 20.6406C22.6005 20.6406 21.0005 22.2406 21.0005 24.1406C21.0005 26.0406 22.6005 27.6406 24.5005 27.6406C26.4005 27.6406 28.0005 26.0406 28.0005 24.1406C28.0005 22.2406 26.4005 20.6406 24.5005 20.6406Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
